@charset "utf-8";
/* ZEROMAIL CSS           */
/* @ copyright Tenderfeel */

@import url("http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css");
@import url("http://yui.yahooapis.com/3.0.0/build/cssfonts/fonts-min.css");

/*
サンプルの入力フォーム（contact.html用）
*/

body {
    color:#424242;
    background-color:#FFFFFF;
    text-align:center;
}
h1 {
    background-color:#c8c8c8;
    color:#525252;
    padding:0.5em 0;
    margin:1em auto;
    width:630px;
}

address,a{color:#C8C8C8;font-size:100%;}

p { margin:10px 0; }

/*-----------------------------------------------------
  Tables
------------------------------------------------------*/
table {
    margin-bottom:10px;
}
table, th, td {border:solid 1px #cdd8eb;}

caption, th, td {
    padding:0.2em 0.5em;
}

caption {
    margin:10px 0;
    background-color:#c9d9f0;
    color:#3762a8;
    font-weight:bold;
}

thead th {background-color:#dbe5f3;}
thead td {background-color:#dbe5f3;}

tfoot th {background-color:#dbe5f3;}
tfoot td {background-color:#dbe5f3;}

tbody th {background-color:#ebf1f9;
    text-align:center;font-weight:normal;
    width:20%;
}
#error td strong,
#confirm td strong {
	color:#c00;
}
/*-----------------------------------------------------
  Form,Fieldset
------------------------------------------------------*/
fieldset {
    width:630px;
    margin:10px auto;
    text-align:left;
    border:0;
}
legend {
    padding:0.3em;
    visibility:hidden;
    display:none;
}


label{
    margin:0 3px;
}

input {}
textarea {}

select {}
option {}

input[type=radio],
input[type=checkbox] {
    margin-right:0.3em;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding:1px;
}

[type=text], [type=submit], textarea {
    margin-top: 3px;
    padding: 1px;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
[type=check], [type=radio], [type=submit] {
    cursor: pointer;
}
[type=check] + label, [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
    background-color: #ECFBFF;
}

/* １段階小さい文字 */
.small {font-size:85%;}

/* 必須 */
.require {color: #CC0000;}

/* ボタン */
.button {
    text-align:center;
    margin-top:20px;
}
.button button#submit {
    border:solid 2px;
    border-color:#CAD6F0 #7C99DC #889FD7 #CAD6F0 ;
    width:100px;
    background-color:#AABCE8;
    margin:0 10px 0 0;
    line-height:1.4;
    cursor:pointer;
}
.button button#submit:hover {
    border-color:#C4E0F0 #8DC5E2 #8FBEE0 #C4E0F0;
    background-color:#A9D2E9;
}
.button button#myreset {
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
    width:100px;
    background-color:#ccc;
    line-height:1.4;
    margin:0 10px 0 0;
    cursor:pointer;
}
.button button#myreset:hover {
    background-color:#efefef;
}
/* 確認画面のテーブル */
table#confirm th {
    width:25%;
}
table#confirm td  {
    padding:1em;
}
/*入力エラーメッセージには<strong>タグが付く*/
table#confirm td strong {
    color:#A82B2B;
}
/* Message()のメッセージ */

/*エラー*/
span.err{ color:#CC0000; font-weight:bold }

/*エラーなし*/
span.conf{ color:#339933; }

/*エラー画面用　（init.php内）*/
/*body id="error"*/
div.err_message {
    padding:50px 0 0 0;
}
.err_message p {
    margin-bottom:50px;color:#A82B2B;
}
/*サンプルの完了画面　（completion.html用）*/
.success {
    padding:50px 0;
}
.success .button {
    margin-top:50px;
}
.success .button a {
    border:solid 2px;
    border-color:#CAD6F0 #7C99DC #889FD7 #CAD6F0 ;
    width:100px;
    background-color:#AABCE8;
    margin:0 10px 0 0;
    line-height:1.4;
    color:#424242;
    padding:0.2em 1em ;
}
.success .button a:hover {
    border-color:#C4E0F0 #8DC5E2 #8FBEE0 #C4E0F0;
    background-color:#A9D2E9;
}

/*-----------------------------------------------------
  for Ajax
------------------------------------------------------*/

/* ローディング */
.spinner {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f0f0f0;
}
/* Over Text Label */
.overTxtLabel {
    color: #888888;
}

/* Validator Advice */
.validation-failed {
    border-color: #ff0000;
    background-color: #ffdddd;
}
.validation-failed:hover,
.validation-failed:focus {
	border-color: #FF6A6A;
	background-color: #FEE;
}
.validation-advice {
    padding-bottom: 5px;
    font-weight: bold;
    color: #ff0000;
}

/* Result */
#result {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid;
	border-color:#5082EB;
	background-color: #DFE6FD;
}
#result:empty {
    border-width: 0;
    padding: 0;
}​

/*エラーメッセージ
div id="error"*/

#result #error {}

/* 完了メッセージ */

#result .success,
#result .success * {
	padding:0;
	margin-top:0;
}


/*copyright*/
.zm_copyright {
    margin-top:30px;
    font-size:10px;
}
.zm_copyright a{
    color:#AABCE8;
}